  /* 除了要在cart.vue页面中设置购物车的数字徽标，还需要在其他三个tabbar页面中，为购物车设置数字徽标，此时可以使用Vue提供的mixins特性，投稿代码的可维护性*/
  
  // 按需导入mapGetters这个辅助方法
import{mapGetters} from 'vuex'
export default{
  computed:{
     // 将m_cart模块中的total映射为当前页面的计算属性
     ...mapGetters('m_cart',['total'])
   },
   watch:{
     // 监听total变化
     total(){
       //调用methods中的setBadge方法，重新为tabBar的数字徽章赋值
       this.setBadge()
     }
   },
  onShow() {
    if(this.total==''){
      return 
    }
     // 在页面刚显示出来的时候，设置数字徽标
     this.setBadge()
   },
   methods: {
     setBadge(){
       //调用 uni.setTabBarBadge()方法，为购物车设置右上角的徽标
       uni.setTabBarBadge({
         index:2,//索引
         text:this.total+'' //注意：text的值必须是字符串，不能是数字
       })
     }
   }
}